.price-tag {
  border: 1rpx solid rgba(255, 96, 16, 0.30);
  padding: 2rpx 10rpx;
  color: #FF6010;
}

.detail-title {
  color: #091912;
  font-weight: 700;
  font-size: 28rpx;
  margin-bottom: 24rpx;
}

.common-product-list {
  &-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10rpx;
    margin-bottom: 10rpx;
    position: relative;

    &-left {
      display: flex;
      justify-content: flex-start;
      align-items: center;

      .img {
        width: 80rpx;
        height: 80rpx;
        border-radius: 8rpx;
        margin-right: 16rpx;
      }

      .u-album {
        image {
          width: 80rpx !important;
          height: 80rpx !important;
          border-radius: 8rpx !important;
          margin-right: 16rpx !important;
        }
      }

      .name {
        color: #091912;
        font-weight: 700;
        font-size: 28rpx;
        margin-bottom: 16rpx;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 80rpx;
        word-break: break-all;
        /* 设置行高 */
        line-height: 40rpx;
        /* 高度为行高的两倍 */
        max-height: 80rpx;
        /* 设置宽度 */
        // width: 100%;
        max-width: 400rpx;
      }

      .sub-name {
        font-size: 28rpx;
      }
    }

    &-right {
      color: #6B7280;
      font-size: 24rpx;
    }
  }
}

.remark {
  word-wrap: break-word;
  flex: 1;
}

.common-count {
  display: flex;
  justify-content: center;
  font-weight: 1000;
  color: #fff;

  &-number {
    font-size: 28rpx;
    font-weight: 700;
    color: #000;
  }

  .u-input__content__field-wrapper__field {
    text-align: center !important;
  }

  // &-change {
  //   box-sizing: border-box;
  //   background: #1A5FA9;
  //   border-radius: 10rpx;
  //   font-size: 28rpx;
  //   width: 40rpx;
  //   height: 40rpx;
  //   line-height: 40rpx;
  //   text-align: center;
  //   vertical-align: middle;
  // }
}

.delivery-button-left {
  width: 504rpx;
  height: 96rpx;
  display: flex;
  align-items: center;
  padding: 20rpx;
  font-weight: 800;
  font-size: 24rpx;
  border-radius: 16rpx 0 0 16rpx;
  background: #E5EEFF;
  box-sizing: border-box;
}

.delivery-button-right {
  box-sizing: border-box;
  width: 174rpx;
  height: 96rpx;
  text-align: center;
  line-height: 96rpx;
  border-radius: 0 16rpx 16rpx 0;
  background: $theme-color;
  color: #fff;
  font-weight: 800;
  font-size: 24rpx;
}

.delivery-disabled {
  background: #588dc5;
  color: #c5c9cd;
}

.delivery-button-right:active {
  background: #154c87;
  color: #c5c9cd;
}

.delivery-button-right.delivery-disabled:active {
  background: #588dc5;
  color: #c5c9cd;
}

.overflow-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 80rpx;
  word-break: break-all;
  /* 设置行高 */
  line-height: 40rpx;
  /* 高度为行高的两倍 */
  max-height: 80rpx;
  /* 设置宽度 */
  width: 100%;
}

.ellipse {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blue-color {
  color: #165DFF;
}

.green-color {
  color: #10B981;
}

.bgYellow {
  background: #FFB12E;
}

.bgBlue {
  background: #1A5FA9;
}

.bgRed {
  background: #F53F3F;
}

.bgGray {
  background: #86909C;
}

.bgGreen {
  background: #009A29;
}

.redText {
  color: #F53F3F;
}

.greenText {
  color: #23C343;
}

.yellowText {
  color: #FFB12E;
}

.picUpload {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110rpx;
  height: 110rpx;
  background-color: #f8f8fa;
  border: 4rpx #c4c8cf dashed;
  border-radius: 20rpx;
}

.upload-img {
  .u-album {
    image {
      width: 110rpx !important;
      height: 110rpx !important;
      border-radius: 8rpx !important;
      margin-right: 10rpx !important;
    }
  }
}

.remark-img {
  .u-album {
    image {
      width: 130rpx !important;
      height: 130rpx !important;
      border-radius: 8rpx !important;
      margin-right: 10rpx !important;
    }
  }
}